/* app css stylesheet */

body {
    font-size: 15px;
}

@media screen and (max-width: 768px) {
    .minDisPlayNon {
        display: none;
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin: 20px auto;
    tr td:nth-child(1) {
        width: 20px;
    }
    tr td:last-child {
        width: 90px;
        text-align: center;
        margin: 0, 0;
    }
    .complete {
        color: gray;
        text-decoration: line-through;
    }
}

ul.inline {
    list-style: none;
    li {
        float: left;
        width: 80px;
        margin: auto, 2px;
        padding: 2px, 10px;
        &:hover {
            // border: 1px solid #000;
            background-color: lightgray
        }
        a {
            color: #000;
            font-size: 14px;
        }
    }
}

.menu {
    list-style: none;
    border-bottom: 0.1em solid black;
    margin-bottom: 2em;
    padding: 0 0 0.5em;
}

.menu:before {
    content: "[";
}

.menu:after {
    content: "]";
}

.menu>li {
    display: inline;
}

.menu>li+li:before {
    content: "|";
    padding-right: 0.3em;
}